<template>
	<div class="header-act">
		<!-- 左边 -->
		<div class="act-item left-a">
			<span class="iconfont">&#xe63f;</span>
			<label>广东广州</label>
		</div>
		<!-- 右边 -->
		<div class="act-item">
			<!-- 地球图标 -->
			<span class="iconfont">&#xe719;</span>
			<span>玩水季</span>
		</div>
	</div>
</template>

<script>
</script>

<style scoped>
	.header-act{
		background-color: white;
		display: flex;
		width: 100%;
		position: relative;
	}
	.act-item{
		flex: 1;/* //在没有明确宽度的前提下,要求该选择器的宽度占领剩余部分,多个标签使用该选择器表示平局分配宽度 */
	  font-size: 0.28rem;
	  text-align: center;
	  line-height: 1rem;/* 50px */
    border-top:1px solid black;
	}
  .left-a{
    border-right: 1px solid black;
  }
	.iconfont{
		margin-right: 0.1rem;
	}
</style>
